<template>
  <div class="loading">
  	<img src="./loading.gif" alt="" class="pic">
  	<p class="desc xl">{{title}}</p>
  </div>
</template>

<script type="text/ecmascript-6">
export default{
	props:{
		title:{
			type:String,
			default:'正在载入...'
		}
	},
}
</script>

<style rel="stylesheet" lang="less">
    .loading{
    	width: 100%;
    	text-align: center;
    		.pic{
    		width: 24px;
    		height: 24px;
    	}
    	.desc{
		line-height: 20px;
		color: rgba(255, 255, 255, 0.5);
    	}
    }
</style>
